<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
            example
        </title>
        <link rel="stylesheet" href="/static/css/customer.css" type="text/css" />

    </head>

    <body>
        <div class="main pane pane-chat" id="main">
            <div class="pane-header pane-chat-header">
                <img src="/static/images/_avatar.png" id="to_user_avatar" class="avatar" alt=""/>

                <div class="name" id="to_user"></div>
            </div>
            <div class="chat-list" id="chatHistory">
                <ul>
                </ul>
            </div>
            <div class="chat-form pane-chat-footer">
                <textarea id="entry" class="chat-input"></textarea>
            </div>
        </div>

        <script src="/static/js/lib/jquery-1.11.1.js" type="text/javascript"></script>
        <script src="/static/js/lib/console.js" type="text/javascript"></script>
        <script src="/static/js/lib/json2.js"></script>
        <script src="/static/js/lib/im.js"></script>
        <script src="/static/js/customer_chat.js"></script>
        <script>
          var host = "{{host}}";
        </script>

    </body>

</html>
